
<!--退房-->
<!--数据交互-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>退房页面</title>
</head>
<link href="CSS/HomePage.css" type="text/css" rel="stylesheet">
<link href="CSS/list.css" rel="stylesheet" type="text/css">
<link href="CSS/jquery-ui.min.css" type="text/css" rel="stylesheet">
<link href="CSS/owl.carousel.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
<script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/DateSelect.js"></script>
<script src="js/pictureSlide.js" type="text/javascript"></script>

<script src="js/axios-0.18.0.js"></script>
<script src="js/leaving.js"></script>


<body>
<script>
    if (sessionStorage.getItem('isLogined')!='true'){
        alert('请先登录！');
        window.location.href='Login_Custom.html';
    }
</script>
<div class="pg1">
    <div class="pg">
        <div class="pg_top">
            <div class="logo">
                <div class="lg"><img src="images/logopic.jpg" alt="香格里拉酒店" title="香格里拉酒店"></div>
                <div class="star">&nbsp;★★★★★</div>
            </div>
            <div class="htitle">
                <h1>香格里拉酒店</h1></br>
                <span class="htitleEn">ShANGRI-LA Business Hotel </span>
            </div>
            <div class="htopr">
                <div class="registe">
                    </br>
                    <a href="Register.html">注册</a>
                    <a href="Login_Custom.html">&nbsp;&nbsp;退出登录&nbsp;</a>
                </div>
                <br><br>
                <br>
                <div class="address">地址：南京市玄武区孝陵卫XXX号XXX街道</div>
                <div class="address" style="font-weight: bold"></div>
            </div>
        </div>
        <div class="menu">
            <ul class="clear">
                <li class="issues"></li>
                <li>
                    <a href="HomePage.html">首&nbsp;&nbsp;页</a>
                </li>
                <li class="issues"></li>
                <li>
                    <a href="rooms.html">客房预订</a>
                </li>
                <li class="issues"></li>
                <li>
                    <a href="catering.html">餐饮服务</a>
                </li>
                <li class="issues"></li>
                <li>
                    <a href="leaving.html">退房办理</a>
                </li>
                <li class="issues"><li>
                <li>
                    <a href="Aboutus.html">关于我们</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="pg">
    <div class="hc">
        <div class="hcl">
            <div class="pict">
                <div class="l01t">客房预订流程</div>
                <div class="pictpic">
                    <img src="images/procedure.jpg">
                </div>
            </div>
        </div>
        <div class="hcr1">
            <div class="r01">
                <div class="r01l">以下是您的具体账单</div>
                <span class="enlm">Your Business</span>
                <div class="r01r">
                   在线查看支付
                </div>
            </div>
            <table id="tablelist">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>商品账单编号</th>
                    <th>登记入住编号</th>
                    <th>房间编号</th>
                    <th>房价</th>
                    <th>天数</th>
                    <th>商品名称</th>
                    <th>商品总价</th>
                    <th>消费时间</th>
                </tr>
                </thead>
                <tbody id="tbody">

                </tbody>
            </table>
            <script type="text/javascript">
                $(function() {
                    var $table = $("#tablelist"),
                        currentPage = 0;
                    var pageSize = 6;
                    $table.bind('paging', function () {
                        $table.find('tbody tr').hide().slice(currentPage * pageSize, (currentPage + 1) * pageSize).show();
                    });
                    var sumRows = $table.find('tbody tr').length;
                    var sumPages = Math.ceil(sumRows / pageSize);
                    var $pager = $("<div class='pagin'></div>");
                    for (var pageindex = 0; pageindex < sumPages; pageindex++) {
                        //为页标签加上链接
                        $('<a href="#"><span>' + (pageindex + 1) + '</span></a>').bind('click', {"newpage": pageindex}, function (event) {
                            currentPage = event.data["newpage"];
                            $table.trigger('paging');
                        }).appendTo($pager);

                        $pager.append(' ');
                    }
                    $pager.insertAfter($table);
                    $table.trigger('paging');
                })
            </script>
            <h2>消费总金额:<p id="allMoney" style="display: inline;font-size: 30px; color: darkkhaki"></p></h2>
            <input type="button" class="jiesuan" name="cnt" id="cnt" value="结账">
        </div>
    </div>
</div>
<div class="pg2">
    <div class="pg">
        <div class="foot">
            <a href="HomePage.html" title="香格里拉酒店">网站首页</a>&nbsp;|&nbsp;
            <a href="Aboutus.html" title="关于我们">关于我们</a>
            <br /> Copyright @ HLHotel.cn All rights reserved<br />
            中国·南京市·香格里拉酒店 ShANGRI-LA Business Hotel 版本号@114514
        </div>
    </div>
</div>
</body>
</html>